<ion-view title="商品详情" >
	
	<ion-content>
		<!--图片展示-->
		 <!--does-continue="true" auto-play="true" show-pager="true"-->
	    <ion-slide-box class="prewhich" ng-if="imgs" on-slide-changed="slideHasChanged($index)"  slide-interval="2000"  pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
		  <ion-slide ng-repeat="(ind,photo) in imgs">
		    <div class="box">
		    	<img src="https://image1.ichuanyi.cn/{{photo.image}}?imageMogr2/thumbnail/!290x290r/gravity/Center/crop/290x290"/>
		    </div>
	    	<div class="which">
	    		<span> {{ind*1+1}}</span> / <span>{{len}}</span>
	    	</div>
		  </ion-slide>
		</ion-slide-box>
		
		<section class="jwode">
			<p class="jpj">{{data.name}}</p>
			<div class="jmoney">
				<span class="jmoneyf">￥{{data.price}}</span>
				<span class="jold">￥{{data.originalPrice}}</span>
				<span class="jmoneyt">4.0折</span>
				<span class="jmoneyl">已售{{data.soldInOuter}}件</span>
			</div>
			<div class="jxi">
				<span class="jxif">已售{{data.soldInOuter}}件</span>
				<span class="jxis" ng-if="persent">{{persent | myfilte}}%好评</span>
				<span class="jxit">{{data.collectCount}}人喜欢</span>
			</div>
		</section>
		<!--ion-affix data-affix-within-parent-with-class="afix"-->
		<div class="afix">
			<section class="jt" ion-affix data-affix-within-parent-with-class="afix">
				<span ng-class="{'jclass':boolphototext}" class="jj" ng-click="phototext()">图文详情</span>
				<span ng-class="{'jclass':boolsize}" class="jzhong jj" ng-click="size()">尺码材质</span>
				<span ng-class="{'jclass':boolvalue}" class="jj jtop" ng-click="clickBtn()">评价（{{data.commentStatistics.commentCount}}）</span>
			</section>
			<!--图文详情 -->
			<div ng-if="boolphototext" class="jsame" ng-repeat="(i,text) in teletext">
				<p class="teletext jpurpletop">{{text.titleZH}}</p>
				<p class="teletext jpurple">{{text.titleEN}}</p>
				<div class="jboth" ng-repeat="img in text.suits" >
					<img class="jdapei" src="https://image1.ichuanyi.cn/{{img.image}}?imageMogr/v2/auto-orient/thumbnail/x280/quality/80/format/jpg" alt="" />
					<span class="jgoogd" ng-if="img.price">共{{img.goodsCount}}件商品，搭配省￥{{img.price*0.1 | myfilte}} 元</span>
				</div>
				<p class="jdesign">{{text.sellerMessage}}</p>
				<p class="jsize" ng-if="text.type==3" ng-repeat="size in sizeMaterial.properties">{{size.propertyName}} ：{{size.value}}</p>
				<img class="jxiaoguo" ng-repeat="imgs in text.images" src="https://image1.ichuanyi.cn/{{imgs.image}}?imageMogr/v2/auto-orient/thumbnail/600x/quality/100/format/jpg?imageMogr/v2/auto-orient/thumbnail/600x/quality/100/format/jpg" alt="" />
			</div>
			<!--尺码材质-->
			<div ng-if="boolsize" class="jsame">
				<p class="jsize" ng-repeat="size in sizeMaterial.properties">{{size.propertyName}} ：{{size.value}}</p>
				<img class="jxiaoguo" ng-repeat="size in sizeMaterial.sizeImages" src="https://image1.ichuanyi.cn/{{size.image}}?imageMogr/v2/auto-orient/thumbnail/600x/quality/100/format/jpg" alt="" />
			</div>
			<!--评价-->
			<div ng-if="boolvalue" class="jsame jvalue">
				<div class="jiaonang">
					<button class="jall" ng-click="clickBtn(0)">全部({{commentStatistics.commentCount}})</button>
					<button class=" jbutton" ng-click="clickBtn(1)">好评<span class="jspan">({{commentStatistics.goodCount}})</span></button>
					<button class=" jbutton" ng-click="clickBtn(2)" >中评<span class="jspan">({{commentStatistics.middleCount}})</span></button>
					<button class=" jbutton" ng-click="clickBtn(4)" >差评<span class="jspan">({{commentStatistics.badCount}})</span></button>
					<button class=" jbutton" ng-click="clickBtn(5)" >有图<span class="jspan">({{commentStatistics.imageCount}})</span></button>
				</div>
				<section class="jjutipingjia" ng-repeat="li in lists">
					<div>
						<img class="jtouxiang" src="https://image1.ichuanyi.cn/{{li.avatar}}?imageMogr/v2/auto-orient/thumbnail/43x/quality/60/format/jpg" alt="" />
						<span>{{li.username}}</span>
						<span class="jgoodbad">{{li.properties[0].value}}</span>
					</div>
					<div class="jnei">
						<p class="jgoodping">{{li.comment}}</p>
						<p class="jguige">{{li.properties[1].propertyName}}：{{li.properties[1].value}}{{li.properties[2].propertyName}}：{{li.properties[2].value}}</p>
						<img class="jpimg" ng-repeat="ima in li.images" src="https://image1.ichuanyi.cn/{{ima.image}}?imageMogr/v2/auto-orient/quality/60/format/jpg" alt="" />
					</div>
				</section>
				<!--<ion-infinite-scroll ng-if="isLoadingMore"
				   on-infinite="loadMoreh()"
				   distance="1%">
				</ion-infinite-scroll>-->
			</div>
		</div>
	</ion-content>
</ion-view>
 <!--ng-if="isLoadingMore"-->